
<div class="row" style="background-image: url(header.jpg)">
</div>
<div class="row">
    <div class="col-sm-4 col-md-4 col-lg-2">
        <div class="block-flat">
            <div class="header">
                <h3 class="visible-sm visible-md">Col 4</h3>
                <h3 class="visible-lg">Col 2</h3>
                <h3 class="visible-xs">Col 12</h3>
            </div>
            <div class="content">
                <p><b>This article</b><span class="hidden-lg"> is just an example of what we can do with bootstrap.</span>
                    <span class="hidden-md hidden-sm hidden-lg"> Grid System allows you to use some responsive helpers classes to hide or show depending of the device size.</span></p>
            </div>
        </div>
    </div>
    <div class="col-sm-4 col-md-4 col-lg-2">
        <div class="block-flat">
            <div class="header">
                <h3 class="visible-sm visible-md">Col 4</h3>
                <h3 class="visible-lg">Col 2</h3>
                <h3 class="visible-xs">Col 12</h3>
            </div>
            <div class="content">
                <p><b>This article</b><span class="hidden-lg"> is just an example of what we can do with bootstrap.</span>
                    <span class="hidden-md hidden-sm hidden-lg"> Grid System allows you to use some responsive helpers classes to hide or show depending of the device size.</span></p>
            </div>
        </div>
    </div>
    <div class="col-sm-4 col-md-4 col-lg-2">
        <div class="block-flat">
            <div class="header">
                <h3 class="visible-sm visible-md">Col 4</h3>
                <h3 class="visible-lg">Col 2</h3>
                <h3 class="visible-xs">Col 12</h3>
            </div>
            <div class="content">
                <p><b>This article</b><span class="hidden-lg"> is just an example of what we can do with bootstrap.</span>
                    <span class="hidden-md hidden-sm hidden-lg"> Grid System allows you to use some responsive helpers classes to hide or show depending of the device size.</span></p>
            </div>
        </div>
    </div>
    <div class="col-sm-4 col-md-4 col-lg-2">
        <div class="block-flat">
            <div class="header">
                <h3 class="visible-sm visible-md">Col 4</h3>
                <h3 class="visible-lg">Col 2</h3>
                <h3 class="visible-xs">Col 12</h3>
            </div>
            <div class="content">
                <p><b>This article</b><span class="hidden-lg"> is just an example of what we can do with bootstrap.</span>
                    <span class="hidden-md hidden-sm hidden-lg"> Grid System allows you to use some responsive helpers classes to hide or show depending of the device size.</span></p>
            </div>
        </div>
    </div>
    <div class="col-sm-4 col-md-4 col-lg-2">
        <div class="block-flat">
            <div class="header">
                <h3 class="visible-sm visible-md">Col 4</h3>
                <h3 class="visible-lg">Col 2</h3>
                <h3 class="visible-xs">Col 12</h3>
            </div>
            <div class="content">
                <p><b>This article</b><span class="hidden-lg"> is just an example of what we can do with bootstrap.</span>
                    <span class="hidden-md hidden-sm hidden-lg"> Grid System allows you to use some responsive helpers classes to hide or show depending of the device size.</span></p>
            </div>
        </div>
    </div>
    <div class="col-sm-4 col-md-4 col-lg-2">
        <div class="block-flat">
            <div class="header">
                <h3 class="visible-sm visible-md">Col 4</h3>
                <h3 class="visible-lg">Col 2</h3>
                <h3 class="visible-xs">Col 12</h3>
            </div>
            <div class="content">
                <p><b>This article</b><span class="hidden-lg"> is just an example of what we can do with bootstrap.</span>
                    <span class="hidden-md hidden-sm hidden-lg"> Grid System allows you to use some responsive helpers classes to hide or show depending of the device size.</span></p>
            </div>
        </div>
    </div>
    <div class="col-sm-4 col-md-4 col-lg-3">
        <div class="block-flat">
            <div class="header">
                <h3 class="visible-sm visible-md">Col 4</h3>
                <h3 class="visible-lg">Col 3</h3>
                <h3 class="visible-xs">Col 12</h3>
            </div>
            <div class="content">
                <p><b>This article</b><span class="hidden-lg"> is just an example of what we can do with bootstrap.</span>
                    <span class="hidden-md hidden-sm hidden-lg"> Grid System allows you to use some responsive helpers classes to hide or show depending of the device size.</span></p>
            </div>
        </div>
    </div>
    <div class="col-sm-4 col-md-4 col-lg-3">
        <div class="block-flat">
            <div class="header">
                <h3 class="visible-sm visible-md">Col 4</h3>
                <h3 class="visible-lg">Col 3</h3>
                <h3 class="visible-xs">Col 12</h3>
            </div>
            <div class="content">
                <p><b>This article</b><span class="hidden-lg"> is just an example of what we can do with bootstrap.</span>
                    <span class="hidden-md hidden-sm hidden-lg"> Grid System allows you to use some responsive helpers classes to hide or show depending of the device size.</span></p>
            </div>
        </div>
    </div>
    <div class="col-sm-4 col-md-4 col-lg-3">
        <div class="block-flat">
            <div class="header">
                <h3 class="visible-sm visible-md">Col 4</h3>
                <h3 class="visible-lg">Col 3</h3>
                <h3 class="visible-xs">Col 12</h3>
            </div>
            <div class="content">
                <p><b>This article</b><span class="hidden-lg"> is just an example of what we can do with bootstrap.</span>
                    <span class="hidden-md hidden-sm hidden-lg"> Grid System allows you to use some responsive helpers classes to hide or show depending of the device size.</span></p>
            </div>
        </div>
    </div>
    <div class="col-sm-4 col-md-4 col-lg-3">
        <div class="block-flat">
            <div class="header">
                <h3 class="visible-sm visible-md">Col 4</h3>
                <h3 class="visible-lg">Col 3</h3>
                <h3 class="visible-xs">Col 12</h3>
            </div>
            <div class="content">
                <p><b>This article</b><span class="hidden-lg"> is just an example of what we can do with bootstrap.</span>
                    <span class="hidden-md hidden-sm hidden-lg"> Grid System allows you to use some responsive helpers classes to hide or show depending of the device size.</span></p>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-md-6 col-lg-4">
        <div class="block-flat">
            <div class="header">
                <h3 class="visible-sm visible-md">Col 6</h3>
                <h3 class="visible-lg">Col 4</h3>
                <h3 class="visible-xs">Col 12</h3>
            </div>
            <div class="content">
                <p><b>This article</b> is just an example of what we can do with bootstrap.
                    <span class="hidden-md hidden-sm hidden-lg"> Grid System allows you to use some responsive helpers classes to hide or show depending of the device size.</span></p>
            </div>
        </div>
    </div>

    <div class="col-sm-6 col-md-6 col-lg-4">
        <div class="block-flat">
            <div class="header">
                <h3 class="visible-sm visible-md">Col 6</h3>
                <h3 class="visible-lg">Col 4</h3>
                <h3 class="visible-xs">Col 12</h3>
            </div>
            <div class="content">
                <p><b>This article</b> is just an example of what we can do with bootstrap.
                    <span class="hidden-md hidden-sm hidden-lg"> Grid System allows you to use some responsive helpers classes to hide or show depending of the device size.</span></p>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-md-6 col-lg-4">
        <div class="block-flat">
            <div class="header">
                <h3 class="visible-sm visible-md">Col 6</h3>
                <h3 class="visible-lg">Col 4</h3>
                <h3 class="visible-xs">Col 12</h3>
            </div>
            <div class="content">
                <p><b>This article</b> is just an example of what we can do with bootstrap.
                    <span class="hidden-md hidden-sm hidden-lg"> Grid System allows you to use some responsive helpers classes to hide or show depending of the device size.</span></p>
            </div>
        </div>
    </div>

    <div class="col-sm-6 col-md-6 col-lg-6">
        <div class="block-flat">
            <div class="header">
                <h3 class="visible-sm visible-md">Col 6</h3>
                <h3 class="visible-lg">Col 6</h3>
                <h3 class="visible-xs">Col 12</h3>
            </div>
            <div class="content">
                <p><b>This article</b> is just an example of what we can do with bootstrap.
                    <span class="hidden-md hidden-sm hidden-lg"> Grid System allows you to use some responsive helpers classes to hide or show depending of the device size.</span></p>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-md-6 col-lg-6">
        <div class="block-flat">
            <div class="header">
                <h3 class="visible-sm visible-md">Col 6</h3>
                <h3 class="visible-lg">Col 6</h3>
                <h3 class="visible-xs">Col 12</h3>
            </div>
            <div class="content">
                <p><b>This article</b> is just an example of what we can do with bootstrap.
                    <span class="hidden-md hidden-sm hidden-lg"> Grid System allows you to use some responsive helpers classes to hide or show depending of the device size.</span></p>
            </div>
        </div>
    </div>

    <div class="col-lg-12 pull-left">
        <div class="block-flat">
            <div class="header">
                <h3>Col 12</h3>
            </div>
            <div class="content">
                <p><b>This article</b> is just an example of what we can do with bootstrap.
                    Grid System allows you to use some responsive helpers classes to hide or show depending of the device size.</p>
            </div>
        </div>
    </div>




</div>